<template>
  <div class="flex-r flex-start flex-fill">
    <div class="break">
      <mu-list style="width: 150px;" v-model="curMenuId"  @change="menuClick">
        <mu-sub-header :ripple="false">
          <span class="c12 fs8">基础信息</span>
        </mu-sub-header>
        <mu-list-item value="100" button ripple  exact-active-class="bdrso bdc1 bdw3 bcf" :to="'/admin/storein/show?en=StoreIn&enid=' + id + '&openEdit=false'">
          <mu-icon size="18" value="extension"></mu-icon>
          <div class="op6 padl5">表单信息</div>
        </mu-list-item>

        <mu-sub-header :ripple="false">
          <span class="c12 fs8">出入库操作</span>
        </mu-sub-header>
        <mu-list-item value="201" button ripple exact  exact-active-class="bdrso bdc1 bdw3 bcf" :to="'/admin/storein/edit?en=StoreLog&enid=' + id ">
          <mu-icon size="18" value="extension"></mu-icon>
          <div class="op6 padl5">添加物资</div>
        </mu-list-item>
        <mu-list-item value="301" button ripple  exact-active-class="bdrso bdc1 bdw3 bcf" :to="'/admin/storein/list?en=StoreLog&enid=' + id ">
          <mu-icon size="18" value="extension"></mu-icon>
          <div class="op6 padl5">物资列表</div>
        </mu-list-item>
      </mu-list>
    </div>
    <div class="break-box flex1 ofsy" >
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
export default {
  name: 'storeInLayout',
  data(){
    return{
      id:0,
      entityName:'',
      curMenuId:0
    }
  },
  created () {

    this.id = this.$com.isbool(this.$route.query.enid) ? this.$route.query.enid : 0
    this.entityName = this.$route.query.en
  },
  methods:{

    menuClick(value){
      console.log(value)
      this.curMenuId = value
    }
  }
}
</script>

<style>
.break{
  background-color: #eee;
}
.break .hover{
  background-color: #e8e8e8!important;
}
</style>
